@use "../abstracts/variables" as *;

.footer {
    padding: 10rem 0;
    background-color: $color-footer-bg;
    

    &__logo {
        text-align: center;
        margin-bottom: 8rem;
    }

    &__logo_img {
        height: 10rem;
        // filter: invert(75%) sepia(100%) saturate(500%) hue-rotate(30deg);
    }

    &__ul {
        list-style: none;
        display: inline-flex;
        font-size:$default-font-size;
        color: $color-white;
        justify-content: space-between; //设置间隔平均等分
        width: 100%;
    }

    &__row-top-border {
        border-top: 0.5px solid $color-grey-dark;
        padding-top: 2rem;
    }

    &__text_1 {
        font-size: $default-font-size;
    }

    &__text_2{
        font-size: $font-small-size;
    }

    &__link{
        &:link,
        &:visited {
            color: $color-grey-light-1;
            background-color: transparent;
            text-decoration: none;
            text-transform: uppercase;
            display: inline-block;
            transition: all 0.2s;
        }

        &:hover,
        &:active { 
            color: $color-primary;
            box-shadow: 0 1rem 2rem rgb($color-black,.4); 
            transform: rotate(2deg) scale(1.1);
        }
    }
}